<!DOCTYPE >
<html>
<head>
    <title>样式标签</title>
    <meta charset='utf-8'>
</head>
<body>
<p>属于行集元素</p>
<table>
    <tr>
        <td width = '20%' style='text-align: right'>名称</td>
        <td width = '40%'>代码示例</td>
        <td width = '40%'>代码效果</td>
    </tr>
    <tr>
        <td>b加粗</td>
        <td> <pre>&lt;b&gt;今天&lt;/b&gt;</pre></td>
        <td><b>今天</b></td>
    </tr>
    <tr>
        <td>i斜体</td>
        <td><pre>&lt;i&gt;今天&lt;/i&gt;</pre></td>
        <td><i>今天</i></td>
    </tr>
    <tr>
        <td>u下划线</td>
        <td><pre>&lt;u&gt;今天&lt;/u&gt;</pre></td>
        <td><u>今天</u></td>
    </tr>
    <tr>
        <td>del删除线</td>
        <td><pre>&lt;del&gt;今天&lt;/del&gt;</pre></td>
        <td><del>今天</del></td>
    </tr>
    <tr>
        <td>em强调</td>
        <td><pre>&lt;em&gt;今天&lt;/em&gt;</pre></td>
        <td><em>今天</em></td>
    </tr>
    <tr>
        <td>strong强调加重</td>
        <td><pre>&lt;strong&gt;今天&lt;/strong&gt;</pre></td>
        <td><strong>今天</strong></td>
    </tr>
    <tr>
        <td>sub下标</td>
        <td><pre>今&lt;sub&gt;天&lt;/svb&gt;</pre></td>
        <td>今<sub>天</sub></td>
    </tr>
    <tr>
        <td>sup上标</td>
        <td><pre>今&lt;sup&gt;天&lt;/sup&gt;</pre></td>
        <td>今<sup>天</sup></td>
    </tr>
    <tr>
        <td>big变大</td>
        <td><pre>&lt;big&gt;今天&lt;/big&gt;</pre></td>
        <td><big>今天</big></td>
    </tr>
    <tr>
        <td>small变小</td>
        <td><pre>&lt;small&gt;今天&lt;/small&gt;</pre></td>
        <td><small>今天</small></td>
    </tr>
    <tr>
        <td>center居中</td>
        <td><pre>&lt;center&gt;今天&lt;/center&gt;</pre></td>
        <td><center>今天</center></td>
    </tr>
</table>
<hr/>
<p>map热点</p>
<img src='img/' border="0" usemap="#planetmap" alt="Planets" />
<map name="planetmap" id="planetmap">
    <area shape="circle" coords="180,139,14" href ="" alt="Venus" />
    <area shape="circle" coords="129,161,10" href ="" alt="Mercury" />
    <area shape="rect" coords="0,0,110,260" href ="" alt="Sun" />
</map>
<p>说明</p>
usermap 属性：热点属性 #名称（热点和图片想关联）
href  跳转的页面
shap   热点形状
rect 矩形
circle  圆形
poly  多边形
coords  热点坐标
rect 坐标起点[x,y]0.0   坐标zhongdian [x,y]100.100
circle 圆心坐标[x,y，r]
poly
<hr/>
<p>分组标签</p>
</body>
</html>